<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>角色定义</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="icon" href="/favicon.ico">
		<link rel="stylesheet" href="/js/plugins/layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_1911813_s7m2ktfo.css" media="all" />
		<link rel="stylesheet" href="/css/public.css" media="all" />
		<link rel="stylesheet" href="/css/main.css" media="all" />
	</head>

	<body class="tabMain">
		<div class="layui-row">
			<div class="search_text float-l ">
				<i class="iconfont gkb-sousuo"></i>
				<input type="text" placeholder="请输入角色名称" maxlength="10" id="search_input" />
			</div>
			<button type="button" class="layui-btn float-l magl10 search_btn" id="btn_search">
			  <i class="iconfont gkb-sousuo"></i> 搜索
			</button>
		</div>
		<div class="layui-row magt10">
			<button type="button" class="layui-btn" id="btn_add">
				<i class="layui-icon layui-icon-addition"></i>
				新增
			</button>

		</div>
		<div class="magt10">
			<table id="list" lay-filter="list" lay-data="{id: 'id'}"></table>
		</div>
		<!--角色维护界面-->
		<div style="display: none;height: 250px; width: 500px;" id="detailInfo">
			<form class="layui-form magt30" action="" lay-filter="info">
				<div class="layui-form-item">
					<label class="layui-form-label required">角色名称</label>
					<div class="layui-input-block">
						<input type="text" name="name" lay-verify="name" maxlength="20" autocomplete="off" placeholder="请输入角色名称" class="layui-input">
						<input type="hidden" id="id" name="id" />
					</div>
				</div>
				<div class="layui-form-item layui-form-text">
					<label class="layui-form-label">备注</label>
					<div class="layui-input-block">
						<textarea placeholder="请输入备注信息" maxlength="100" class="layui-textarea" name="remark"></textarea>
					</div>
				</div>
				<div class="layui-form-item align-center magt30">
					<div class="layui-input-block">
						<button type="button" class="layui-btn layui-btn-primary" id="btn_cancle">取  消</button>
						<button type="submit" class="layui-btn" lay-submit lay-filter="btn_save" id="btn_save">保  存</button>
					</div>
				</div>
			</form>
		</div>
	</body>
	<script type="text/javascript" src="/js/jquery-3.5.1.js"></script>
	<script type="text/javascript" src="/js/plugins/layui/layui.js"></script>
	<script type="text/javascript" src="/js/plugins/vue/vue.js"></script>
	<script type="text/javascript" src="/js/common.js"></script>
	<script type="text/javascript" src="/js/service.js"></script>
	<script type="text/javascript" src="/js/system/role/rolelist.js"></script>

</html>